<template>
  <div class="Mynews">
    <title1 tit="我的消息"></title1>
    <div class="inform">
      <ul>
        <li>交易物流</li>
        <li>通知</li>
        <li>互动</li>
      </ul>
    </div>
    <div class="news-one">
      <span class="iconfont icon-icon-"></span>
      <h1>宜居租房14:32</h1>
      <!-- <h2>14:32</h2> -->
      <h2>
        恭喜你!您预定的东城区-安外大街3号院1室1厅1卫--44m2房源付款成功期待你的入住。
      </h2>
    </div>
    <div class="news-two">
      <span class="iconfont icon-icon-"></span>
      <h1>宜居租房更新通知18:12</h1>
      <!-- <h2>14:32</h2> -->
      <h2>
        尊敬的客户,宜居租房即将推出2.0版本.新版本中添加了行程、钱包等丰富好玩的功能。
      </h2>
    </div>
  </div>
</template>

<script>
import title1 from "../../components/tit.vue";
export default {
  components: {
    title1,
  },
  methods: {
    goback() {
      this.$router.replace({ name: "home" });
    },
  },
};
</script>

<style scoped lang="less">
.Mynews {
  //   width: 100%;
  //   height: 100%;
  .inform {
    height: 90px;
    border-bottom: 1px solid #fff;
    box-shadow: 0px 0px 5px 1px #ccc;
    ul {
      height: 90px;
      width: 100%;
      li {
        font-size: 30px;
        float: left;
        margin: 25px 80px;
        font-weight: bolder;
      }
      li:nth-child(2) {
        color: #ff5555;
      }
    }
  }
  .news-one {
    width: 650px;
    height: 350px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 5px 0px #ccc;
    margin: 50px 50px;
    float: left;
    border-radius: 10px;
    span {
      color: #ff5555;
      font-size: 90px;
      margin-left: 40px;
      margin-top: 60px;
      float: left;
    }
    h1 {
      width: 120px;
      color: #000000;
      opacity: 70%;
      font-size: 28px;
      display: flex;
      justify-content: center;
      margin: 70px 120px 0 160px;
    }
    h2 {
      width: 430px;
      color: #000000;
      opacity: 70%;
      font-size: 26px;
      display: flex;
      justify-content: center;
      margin: 50px 160px;
    }
  }
  .news-two {
    width: 650px;
    height: 350px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 5px 0px #ccc;
    margin: 50px 50px;
    float: left;
    border-radius: 10px;
    span {
      color: #ff5555;
      font-size: 90px;
      margin-left: 50px;
      margin-top: 60px;
      float: left;
    }
    h1 {
      width: 240px;
      color: #000000;
      opacity: 70%;
      font-size: 28px;
      display: flex;
      justify-content: center;
      margin: 70px 120px 0 160px;
    }
    h2 {
      width: 430px;
      color: #000000;
      opacity: 70%;
      font-size: 26px;
      display: flex;
      justify-content: center;
      margin: 50px 160px;
    }
  }
}
</style>